<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淮海支付 | 您身边的支付专家！</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header class="header">
        <div class="header-nav">
            <div class="logo">
                <a href="#"><img src="../img/huaihaipay.png" alt="logo"></a>
            </div>
            <div class="container">
                <ul class="first-nav">
                    <li><a href="#">首页</a></li>
                    <li>
                        <a href="#">关于我们</a>
                        <ul class="sec-nav">
                            <li>
                                <a href="#">公司历程</a>
                                <div class="third-nav">
                                    <ul>
                                        <li><a href="#">三级菜单</a></li>
                                        <li><a href="#">三级菜单</a></li>
                                        <li><a href="#">三级菜单</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="#">公司历程2</a>
                                <div class="third-nav">
                                    <ul>
                                        <li><a href="#">三级菜单1</a></li>
                                        <li><a href="#">三级菜单2</a></li>
                                        <li><a href="#">三级菜单3</a></li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#">新闻资讯</a></li>
                    <li><a href="#">加入我们</a></li>
                    <li><a href="#">新闻资讯</a></li>
                    <li><a href="#">加入我们</a></li>
                </ul>
            </div>
            <div class="login">
                <button id="login-btn">平台登录</button>
            </div>
        </div>
    </header>
    <div class="content">
        <section class="banner">
            <div class="container info">
                <h1>淮海支付,畅游淮海！</h1>
                <p>淮海支付平台，作为淮海经济区商圈消费官方指定支付平台，竭诚构建安全、稳定、便捷的支付能力，助力地方经济发展！</p>
                <button class="more-about">更 多 +</button>
            </div>
        </section>

        <section class="box">
            <div class="inner-box box1"></div>
            <div class="inner-box box2"></div>
            <div class="inner-box box3"></div>
        </section>
    </div>

    <!-- 网页底部 -->
    <footer class="footer">
            <div class="footer-service container">
                <dl>
                    <dt>关于我们</dt>
                    <dd><a href="#">客服电话：400-888-5151</a></dd>
                    <dd><a href="#">企业邮箱：pengpaishuzi@163.com</a></dd>
                    <dd><a href="#">工作时间：9:00 — 17:00</a></dd>
                    <dd><a href="#">通讯地址：江苏省徐州市泉山区珠山东路珠山数字产业园A区13栋</a></dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><a href="#">关于支付平台</a></dd>
                    <dd><a href="#">关于支付协议</a></dd>
                    <dd><a href="#">关于服务协议</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><a href="#">关于支付平台</a></dd>
                    <dd><a href="#">关于支付协议</a></dd>
                    <dd><a href="#">关于服务协议</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><a href="#">关于支付平台</a></dd>
                    <dd><a href="#">关于支付协议</a></dd>
                    <dd><a href="#">关于服务协议</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>
                <dl class="service-qrcode">
                    <dt>关注淮海支付公众号</dt>
                    <dd>
                        <img class="img-qrcode" src="../img/footer-image.jpg" alt="">
                    </dd>
                </dl>
            </div>
            <div class="foot-copyright">
                <p>Copyright © 2023 江苏彭派数字科技有限公司 版权所有 | <a href="#">苏 ICP 备 2023024837-1号</a> </p>
            </div>
            <div class="top">
                <a href="#">
                    <img src="" alt="">
                </a>
            </div>
        </div>
    </footer>

    <!-- js -->
    <script src="./js/jquery-3.7.1.min.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>